<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="UTF-8">
    <title>表单标签</title>
</head>
<body>
    <!--
        form标签：定义表单
            - action属性：规定提交表单的时候，是向谁发送表单数据，该属性的值是url
            - method属性：规定用来发送表达数据的方式，常见的取值有两种：get  和  post
                - get方式提交：method属性的默认值，请求参数会拼接到url后边，并且url的长度是有限制: 4KB。
                - post方式提交：浏览器会把数据放到http请求体中进行发送，请求参数是无限制的。
        input标签：定义表单输入项，通过type属性控制输入的形式
            type属性：设置表单输入项的效果
                - text 默认值，定义单行的输入字段
                - password：定义密码字段， 输入后，内容显示为黑点
            id属性：所属标签在当前html网页文件中的id值。id在一个网页中，是唯一的。
            radio：单选按钮
            submit：提交按钮
            checkbox：复选框
            datetime-local：时间日期输入
            date：日期输入
            reset属性：重置表单
        label标签：为表单项定义标注
    -->
    <form action="#" >

        <label for="username">用户名：</label>
        <input type="text" name="username" id="username"><br>
        <label for="password">密码：</label>
        <input type="password" name="password" id="password"><br>
        <label for="realName">真实姓名：</label>
        <input type="text" name="realName" id="realName"><br>
        性别：
        <input type="radio" name="sex" id="man" value="man"> <label for="man">男</label>
        <input type="radio" name="sex" id="woman" value="woman"> <label for="woman">女</label> <br>

        爱好：
        <input type="checkbox" name="hobby" id="sing" value="sing">唱歌
        <input type="checkbox" name="hobby" id="dance" value="dance">跳舞
        <input type="checkbox" name="hobby" id="rap" value="rap">rap
        <input type="checkbox" name="hobby" id="basketball" value="basketball">篮球<br>

        <label for="date">出生日期</label>
        <input type="datetime-local" name="date" id="date">
        <br>


        <!--下拉框-->
        <select name="hobby" id="hobby02">
            <option value="sing">唱歌</option>
            <option value="dance">跳舞</option>
            <option value="rap">rap</option>
            <option value="basketball">篮球</option>
        </select>
        <br>

        <input type="reset" value="重置">
        <input type="submit" value="注册">
    </form>



</body>
</html>